<template>
  <div class="r">
    <button @click="desc()">年龄降序</button>
     <table border="1" cellspacing=0>
          <tr>
            <th>姓名</th>
            <th>年龄</th>
          </tr>
          <tr v-for="v in datalist" :key="v.age">
              <td>
                {{v.name}}
              </td>
              <td>
                {{v.age}}
              </td>
          </tr>
     </table>
     
  </div>
</template>

<script>
// 引入axios 
// import axios from "axios"
export default {
     data () {
       return {
         datalist:[],// 接收axios请求数据
       }
     },
     mounted(){/// 模板挂载之后
        // this.getData()
        // console.log(this.datalist)// 
        this.login()
     },
     methods: {
        //  getData(){// 获取数据
        //    axios.get("http://localhost:3000/get")
        //    .then(res=>{
        //      console.log(res)
        //      // 保存数据
        //        this.datalist=res.data
        //    })
        //  },
        //  desc(){
        //    this.datalist.sort((a,b)=>b.age-a.age)
        //  }


        login(){
            // 接口对象
            // console.log(this.$api)
            this.$api.Login({user:"admin"})// promise
            .then(res=>{
              console.log(res)
            })
        }
     }
}
</script>

<style>

</style>